<template>
  <view class="app-container">
    <video
      class="video-box"
      id="myVideo"
      :src="(data.cachePath?data.cachePath:fileUrl+data.videoPath)"
      autoplay
      controls
      :http-cache="true"
      object-fit="contain"
     
    ></video>
    <view class="box-content">
      <view class="box-title">
        <span>视频名称：</span>{{data.name}}
      </view>
      <!-- <view>
        <span>合同号：</span>{{data.projectCode}}
      </view> -->
      <view>
        <span>产品代码：</span>{{data.deviceCode}}
      </view>
      <view>
        <span>类型：</span>{{data.deviceId?'具体安装指导视频':'通用安装指导视频'}}
      </view>
      <view>
        <span>备注：{{ data.description }}</span>
      </view>
    </view>

  </view>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      data: {
        
      }
    };
  },
  onLoad(option) {
    this.data = JSON.parse(option.data);
  },
  methods: {}
};
</script>
<style lang="scss" scoped>
.app-container {
  height: 100%;
  width: 100%;
  .video-box {
    width: 100%;
    height: 500rpx;
    font-size: 22rpx;
  }
  .box-content {
    width: 100%;
    background-color: white;
    padding: 20rpx;
    background: #ffffff;
    border-radius: 16rpx;
    box-shadow: 0 0 20rpx #eee;
    .box-title {
      font-size: 40rpx;
    }
  }
}
</style>